<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>新闻</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/main.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/news.css">
    </head>
    <body>
        <div class="container">
            <header>
                <nav>
                    <a href="index.html" class="logo"><img src="img/common/logo.png" alt="logo图"></a>
                    <div class="box">
                       <a href="index.html"><img src="img/common/logoTxt.png" alt="logo图文"></a>
                       <div class="menu flex">
                           <p class="menuBtn">
                               <i></i>
                               <i class="hidden"></i>
                               <i></i>
                           </p>
                            <ul class="flex" style="display: none;">
                                <img class="wavePic" src="img/common/blueWave.png" alt="蓝波浪图片">
                                <li><i>•</i><a class='letterWaveBox' href="index.html">首页</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="about.html">产品介绍</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="saleLocation.html">销售点</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="news.html">新闻</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="join.html">俱乐部</a></li>
                                <p class="line"><span></span><span></span></p>
                            </ul>      
                       </div>                                                                                                                                                                           
                    </div>
                </nav>
            </header>
            <main class="fluid ready">
                <div class='palace'>
                    <div class="mainHead">
                        <div class="title">   
                            <div class="txt">
                                <h1>新闻资讯</h1>
                            </div>
                            <div class="bg ready"></div>
                        </div>
                        <div class="newest">
                            <a class="item" href="newsInfo.html">
                                <div class="newsImg">
                                    <img src="img/news/news1.jpg" alt="新闻图片">
                                            <div class="rollBox">
                                                <div class="flex roll">
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                </div>
                                            </div>
                                </div>
                                <div class="newsInfo">
                                    <p class="newsTitle">夜协议节：当聚会时集体运动时。</p>
                                    <p class="date">19·07·08</p>
                                    <p class="txt">离开柏林俱乐部后，我们便前往法国，渴望发生低音会使我们的酒杯颤抖的活动。 Entente Nocturne是那些提供独特的多感官体验的节日之一，我们对此神佑感触。</p>
                                    <img class="wavePic" src="img/common/blackWave.png" alt="黑色波浪图片">
                                </div>
                            </a>
                        </div>
                        <div class="newsList">
                            <div class="case">
                                <a class="item outView" href="newsInfo.html">
                                    <div class="newsImg">
                                        <img src="img/news/news2.jpg" alt="新闻图片">
                                            <div class="rollBox">
                                                <div class="flex roll">
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="newsInfo">
                                        <p class="newsTitle">标题标题 标题标题标标题标题标 题标题标 题标题标题标题 </p>
                                        <p class="date">19·07·08</p>
                                        <p class="txt">离开柏林俱乐部后，我们便前往法国，渴望发生低音会使我们的酒杯颤抖的活动。 Entente Nocturne是那些提供独特的多感官体验的节日之一，我们对此神佑感触。</p>
                                    </div>
                                </a>
                                <a class="item outView" href="newsInfo.html">
                                    <div class="newsImg">
                                        <img src="img/news/news2.jpg" alt="新闻图片">
                                            <div class="rollBox">
                                                <div class="flex roll">
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="newsInfo">
                                        <p class="newsTitle">标题标题 标题标题标标题标题标 题标题标 题标题标题标题 </p>
                                        <p class="date">19·07·08</p>
                                        <p class="txt">离开柏林俱乐部后，我们便前往法国，渴望发生低音会使我们的酒杯颤抖的活动。 Entente Nocturne是那些提供独特的多感官体验的节日之一，我们对此神佑感触。</p>
                                    </div>
                                </a>
                                <a class="item outView" href="newsInfo.html">
                                    <div class="newsImg">
                                        <img src="img/news/news2.jpg" alt="新闻图片">
                                            <div class="rollBox">
                                                <div class="flex roll">
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="newsInfo">
                                        <p class="newsTitle">标题标题 标题标题标标题标题标 题标题标 题标题标题标题 </p>
                                        <p class="date">19·07·08</p>
                                        <p class="txt">离开柏林俱乐部后，我们便前往法国，渴望发生低音会使我们的酒杯颤抖的活动。 Entente Nocturne是那些提供独特的多感官体验的节日之一，我们对此神佑感触。</p>
                                    </div>
                                </a>
                                <a class="item outView" href="newsInfo.html">
                                    <div class="newsImg">
                                        <img src="img/news/news2.jpg" alt="新闻图片">
                                            <div class="rollBox">
                                                <div class="flex roll">
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="newsInfo">
                                        <p class="newsTitle">标题标题 标题标题标标题标题标 题标题标 题标题标题标题 </p>
                                        <p class="date">19·07·08</p>
                                        <p class="txt">离开柏林俱乐部后，我们便前往法国，渴望发生低音会使我们的酒杯颤抖的活动。 Entente Nocturne是那些提供独特的多感官体验的节日之一，我们对此神佑感触。</p>
                                    </div>
                                </a>
                                <a class="item outView" href="newsInfo.html">
                                    <div class="newsImg">
                                        <img src="img/news/news2.jpg" alt="新闻图片">
                                            <div class="rollBox">
                                                <div class="flex roll">
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="newsInfo">
                                        <p class="newsTitle">标题标题 标题标题标标题标题标 题标题标 题标题标题标题 </p>
                                        <p class="date">19·07·08</p>
                                        <p class="txt">离开柏林俱乐部后，我们便前往法国，渴望发生低音会使我们的酒杯颤抖的活动。 Entente Nocturne是那些提供独特的多感官体验的节日之一，我们对此神佑感触。</p>
                                    </div>
                                </a>
                                <a class="item outView" href="newsInfo.html">
                                    <div class="newsImg">
                                        <img src="img/news/news2.jpg" alt="新闻图片">
                                            <div class="rollBox">
                                                <div class="flex roll">
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                    <p> · 阅读 ·  · 阅读 ·  · 阅读 ·  · 阅读 · </p>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="newsInfo">
                                        <p class="newsTitle">标题标题 标题标题标标题标题标 题标题标 题标题标题标题 </p>
                                        <p class="date">19·07·08</p>
                                        <p class="txt">离开柏林俱乐部后，我们便前往法国，渴望发生低音会使我们的酒杯颤抖的活动。 Entente Nocturne是那些提供独特的多感官体验的节日之一，我们对此神佑感触。</p>
                                    </div>
                                </a>
                            </div>
                            <div class="colorBlock">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                        </div>
                        <div class="pages flex flex-justify-content flex-align-items">
                            <a href="" class="prev"></a>
                            <a href="">1</a>
                            <a href="">2</a>
                            <a href="">3</a>
                            <a href="">4</a>
                            <a href="">5</a>
                            <a href="">6</a>
                            <a href="" class="next"></a>
                        </div>
                    </div>
                </div>
            </main>
            <footer class="fluid">
                <div class="palace">
                    <nav>
                        <ul>
                            <li><a href="index.html">首页</a></li><i></i>
                            <li><a href="about.html">产品介绍</a></li><i></i>
                            <li><a href="saleLocation.html">销售点</a></li><i></i>
                            <li><a href="news.html">新闻</a></li><i></i>
                            <li><a href="join.html">俱乐部</a></li><i></i>
                            <li><a href="problems.html">常见问题</a></li><i></i>
                            <li><a href="contactUs.html">联系我们</a></li>
                        </ul>
                        <p>
                            <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                            <span>技术支持：穿石网路</span>
                        </p>
                    </nav>
                </div>
            </footer>
            <div class="animateBottle big beginning"><div class="rotateSelf scrollItem" data-bottom-top="transform:translate(0,50%)" data-top-bottom="transform:translate(0,-34%)"></div></div>
            <div class="shave"></div>
        </div>
        <div class="bottomBg">
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
        </div>
        <svg width="0" height="0" style="position: absolute;" 
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink">
        <filter id="water">
            <feTurbulence type="fractalNoise" baseFrequency=".05 .05" numOctaves="1" result="noise1"></feTurbulence>
            <feColorMatrix in="noise1" type="hueRotate" values="0" result="noise2">
            <animate attributeName="values" from="0" to="360" dur="1s" repeatCount="indefinite">
            </feColorMatrix>
            <feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="10" in="SourceGraphic" in2="noise2" />
        </filter>
        </svg>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/swiper.js"></script>
        <script>
                var flag_lianxing= JSON.parse(sessionStorage.getItem('flag_lianxing'));
                if (typeof jQuery == 'undefined') {
                    console.log(" 未加载")
                    if(flag_lianxing){
                        console.log("自动刷新一次未加载")
                    }else{
                        sessionStorage.setItem('flag_lianxing', JSON.stringify("1"));
                        window.location.reload();
                    }
            
                } else {
                    console.log(" 已加载")
                }
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/common/main.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/common/media.js"></script>
        <script src="js/news.js"></script>
    </body>
    
</html>